<template>
  <el-card>
    <el-row :gutter="10" style="margin-top: 8px;">
      <el-col :span="24">
        <el-table
          :data="tableData"
          stripe
          border
          style="width: 100%">
          <el-table-column label="已预约情况">
            <el-table-column
              label="儿童姓名"
              prop="doctorName"
              width="100"
            ></el-table-column>
            <el-table-column
              label="儿童月龄"
              prop="MonthAge"
              width="100"
            ></el-table-column>
            <el-table-column
              label="手机号"
              prop="parentPhone"
              width="120"
            ></el-table-column>
            <el-table-column
              label="家长发起预约的时间"
              prop="bookStartTime"
              width="160"
            ></el-table-column>
            <el-table-column
              label="想预约的日期"
              prop="bookDate"
              width="100"
            >
            </el-table-column>
            <el-table-column
              label="想预约的时间段"
              prop="timeSlot"
              width="120"
            >
            </el-table-column>
            <el-table-column
              label="预约人数上限"
              prop="numLimit"
              width="100"
            >
            </el-table-column>
            <el-table-column
              label="已预约人数"
              prop="hasBookedNum"
              width="100"
            >
            </el-table-column>
            <el-table-column
              label="预约状态"
              prop="status"
              width="80"
            >
            </el-table-column>
            <el-table-column label="操作">
              <template slot-scope="scope">
                <el-button
                  size="mini"
                  type="warning"
                >取消预约</el-button>
                <el-button
                  size="mini"
                  type="primary"
                >发送消息</el-button>
              </template>
            </el-table-column>
          </el-table-column>
        </el-table>
        <pagination/>
      </el-col>
    </el-row>
    <el-row style="margin-top: 20px;">
      <el-col :span="24">
        <el-table
          :data="tableData2"
          stripe
          border
          style="width: 100%">
          <el-table-column label="未通过的预约">
            <el-table-column
              label="儿童姓名"
              prop="doctorName"
              width="100"
            ></el-table-column>
            <el-table-column
              label="儿童月龄"
              prop="MonthAge"
              width="100"
            ></el-table-column>
            <el-table-column
              label="手机号"
              prop="parentPhone"
              width="120"
            ></el-table-column>
            <el-table-column
              label="家长发起预约的时间"
              prop="bookStartTime"
              width="160"
            ></el-table-column>
            <el-table-column
              label="想预约的日期"
              prop="bookDate"
              width="100"
            >
            </el-table-column>
            <el-table-column
              label="想预约的时间段"
              prop="timeSlot"
              width="120"
            >
            </el-table-column>
            <el-table-column
              label="预约人数上限"
              prop="numLimit"
              width="100"
            >
            </el-table-column>
            <el-table-column
              label="已预约人数"
              prop="hasBookedNum"
              width="100"
            >
            </el-table-column>
            <el-table-column
              label="预约状态"
              prop="status"
              width="180"
            >
            </el-table-column>
            <el-table-column label="操作">
              <template slot-scope="scope">
                <el-button
                  size="mini"
                  type="warning"
                >同意</el-button>
                <el-button
                  size="mini"
                  type="primary"
                >拒绝</el-button>
              </template>
            </el-table-column>
          </el-table-column>
        </el-table>
        <pagination/>
      </el-col>
    </el-row>
  </el-card>

</template>

<script>
  export default {
    name: "doctorSeeABooked",
    data() {
      return {
        tableData: [{
          bookDate: '2021-08-30',
          timeSlot: '08:30-09:30',
          bookStartTime: '2021-08-25 08:36:06',
          numLimit: 3,
          doctorName: "吴钟富",
          MonthAge: 72,
          parentPhone: '13173817032',
          hasBookedNum: 2,
          status: '预约成功'
        },
          {
            bookDate: '2021-08-30',
            timeSlot: '08:30-09:30',
            bookStartTime: '2021-08-26 09:36:00',
            numLimit: 3,
            doctorName: "傅无间",
            MonthAge: 73,
            parentPhone: '18889822140',
            hasBookedNum: 2,
            status: '预约成功'
          }
        ],
        tableData2: [{
          bookDate: '2021-08-30',
          timeSlot: '08:30-09:30',
          bookStartTime: '2021-08-25 08:36:06',
          numLimit: 3,
          doctorName: "张学良",
          MonthAge: 72,
          parentPhone: '16353817032',
          hasBookedNum: 2,
          status: '已申请，未通过'
        },
          {
            bookDate: '2021-08-30',
            timeSlot: '08:30-09:30',
            bookStartTime: '2021-08-26 09:36:00',
            numLimit: 3,
            doctorName: "杨虎城",
            MonthAge: 73,
            parentPhone: '18236822140',
            hasBookedNum: 2,
            status: '已申请，未通过'
          }
        ],
        total: 100,
        queryParams: {
          pageNum: 1,
          pageSize: 10,
          userName: undefined,
          phonenumber: undefined,
          status: undefined,
          deptId: undefined
        },
      }
    }
  }
</script>

<style scoped>

</style>


